<wicket:head>    
    <script type="text/javascript">
        window.onload=setupFunc;
        function setupFunc(){
            Wicket.Ajax.registerPreCallHandler(showBusysign);
            Wicket.Ajax.registerPostCallHandler(hideBusysign);
            Wicket.Ajax.registerFailureHandler(hideBusysign);
            hideBusysign();
        }
        
        function hideBusysign(){
            setTimeout(function(){
            	document.getElementById('bysy_indicator').style.visibility = 'hidden';
            },300);
        }
        
        function showBusysign(){
            var x = top.document.body.clientWidth /2 -80;
            x = x <=0 ? 10 : x;
        	document.getElementById('bysy_indicator').style.left = x;
        	document.getElementById('bysy_indicator').style.top = 18;
            document.getElementById('bysy_indicator').style.visibility = 'visible';
        }
    </script>
</wicket:head>

<wicket:panel>
    <div style="position:absolute;width:160px;height:20px;left:510px;top:18px;visibility:visible;" id="bysy_indicator">
        <img style="float:left;background:#fff" wicket:id="indicator" />
        <div style="float:left;margin-left:3px;vertical-align:middle;padding:2px 10px 1px 10px;font-weight:bold;color:#fff;background:#BB0000;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;">
        <span wicket:id="loadingText"></span>
        </div>
    </div>
    
<table border="0" width="100%" height="60px" cellspacing="0" background="resources/com.sophia.hr.pages.HeaderPanel/res/bg.gif" cellpadding="0">
	<tr height="61px">
		<td valign="top" width="434">
		<img border="0" src="resources/com.sophia.hr.pages.HeaderPanel/res/banner.gif"   height="49"></td>
		<td align="right" >
		
 		<div style="float:right">
		<table border="0"   cellspacing="0" background="resources/com.sophia.hr.pages.HeaderPanel/res/bg.gif" cellpadding="0" height="61">
			<tr>
				<td><img border="0" src="resources/com.sophia.hr.pages.HeaderPanel/res/button_corner.gif"></td>
				<td title="首页"><a    alt="首页" href="#"><img border="0"  src="resources/com.sophia.hr.pages.HeaderPanel/res/button_home_1.gif" onmouseover="this.src=this.src.replace('_1.gif','_2.gif')"  onmouseout="this.src=this.src.replace('_2.gif','_1.gif')" ></a></td>
				<td title="查询"><a alt="查询" href="#" ><img border="0"   src="resources/com.sophia.hr.pages.HeaderPanel/res/button_search_1.gif" onmouseover="this.src=this.src.replace('_1.gif','_2.gif')"  onmouseout="this.src=this.src.replace('_2.gif','_1.gif')"></a></td>
				<td title="报表"><a  alt="报表" href="#" ><img border="0"  src="resources/com.sophia.hr.pages.HeaderPanel/res/button_report_1.gif"  onmouseover="this.src=this.src.replace('_1.gif','_2.gif')"  onmouseout="this.src=this.src.replace('_2.gif','_1.gif')" ></a></td>
				<td title="修改密码"><a  alt="修改密码" href="#"  ><img border="0"  src="resources/com.sophia.hr.pages.HeaderPanel/res/button_password_1.gif"  onmouseover="this.src=this.src.replace('_1.gif','_2.gif')"  onmouseout="this.src=this.src.replace('_2.gif','_1.gif')" ></a></td>
				<td title="自助服务"><a  alt="自助服务" href="#"   ><img border="0"     src="resources/com.sophia.hr.pages.HeaderPanel/res/button_self_1.gif" onmouseover="this.src=this.src.replace('_1.gif','_2.gif')"  onmouseout="this.src=this.src.replace('_2.gif','_1.gif')" ></a></td>	
			</tr>
		</table>
		</div>
		</td>
	</tr>
	<tr height="32px">
		<td colspan="2">
			<table width="100%" border="0" height="32" cellpadding="0" cellspacing="0"  background="resources/com.sophia.hr.pages.HeaderPanel/res/bg2.gif" >
				<tr height="100%" >
					<td width="120px" style="padding-bottom: 5px;">&nbsp;<span wicket:id="uid" style="color:white;"></span></td>
					<td valign="top" style="color:black;font-weight:bold;"><span wicket:id="mainMenu"/></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
    
</wicket:panel>